<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
	<meta http-equiv="expires" content="-1" />
	<title>Yes Remote</title>
	<link rel="stylesheet" href="stylesheets/iphone.css" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<script src="js/jquery-1.4.3.min.js"></script>
    <script src="js/jquery.mobile-1.0a1.min.js"></script>
    <script src="js/config.js"></script>
	<script type="text/javascript" charset="utf-8">
		window.onload = function() {
		  setTimeout(function(){window.scrollTo(0, 1);}, 100);
		}
		function setStyle(x) {
		document.getElementById(x).style.foreground="yellow"
		}
	</script>
</head>

<body>
	
	<div id="header">
		<h1>Yes Remote</h1>
		<a href="index.html" id="backButton">Index</a>
	</div>


<ul>
  <li class="center">
	<!img src ="yes_large_remote.jpg" width="410" height="1500" alt="Planets" usemap ="#planetmap" />
	<img src ="yes_remote.png" width="246" height="900" alt="remote" usemap ="#yesremote" style="display: block;   margin-left: auto;   margin-right: auto;"/>
	<!img src ="yes_large_remote.jpg" width="700" height="1569" alt="Planets" usemap ="#planetmap" />
	<map name="yesremote">
    <area shape="rect" alt="tv" title="tv" coords="54,49,90,83" href="#" target="" id="tv" onClick="areaclick(id)" />
<area shape="rect" alt="" title="onoff" coords="104,49,139,83" href="#" target="" id="onoff" onClick="areaclick(id)" />
<area shape="rect" alt="" title="amp" coords="151,50,187,81" href="#" target="" id="amp" onClick="areaclick(id)" />
<area shape="rect" alt="" title="av" coords="50,95,83,128" href="#" target="" id="av" onClick="areaclick(id)" />
<area shape="rect" alt="" title="in" coords="158,91,193,128" href="#" target="" id="in" onClick="areaclick(id)" />
<area shape="rect" alt="" title="1" coords="46,145,91,177" href="#" target="" id="1" onClick="areaclick(id)" />
<area shape="rect" alt="" title="2" coords="102,144,141,178" href="#" target="" id="2" onClick="areaclick(id)" />
<area shape="rect" alt="" title="3" coords="154,146,197,176" href="#" target="" id="3" onClick="areaclick(id)" />
<area shape="rect" alt="" title="4" coords="42,196,89,228" href="#" target="" id="4" onClick="areaclick(id)" />
<area shape="rect" alt="" title="5" coords="101,194,142,228" href="#" target="" id="5" onClick="areaclick(id)" />
<area shape="rect" alt="" title="6" coords="154,196,197,225" href="#" target="" id="6" onClick="areaclick(id)" />
<area shape="rect" alt="" title="7" coords="43,243,90,276" href="#" target="" id="7" onClick="areaclick(id)" />
<area shape="rect" alt="" title="8" coords="100,241,142,278" href="#" target="" id="8" onClick="areaclick(id)" />
<area shape="rect" alt="" title="9" coords="153,244,195,274" href="#" target="" id="9" onClick="areaclick(id)" />
<area shape="rect" alt="" title="vod" coords="48,294,91,325" href="#" target="" id="vod" onClick="areaclick(id)" />
<area shape="rect" alt="" title="0" coords="101,289,141,325" href="#" target="" id="0" onClick="areaclick(id)" />
<area shape="rect" alt="" title="mytv" coords="150,292,195,325" href="#" target="" id="mytv" onClick="areaclick(id)" />
<area shape="circle" alt="" title="volup" coords="49,360,18" href="#" target="" id="volup" onClick="areaclick(id)" />
<area shape="circle" alt="" title="mute" coords="121,358,18" href="#" target="" id="mute" onClick="areaclick(id)" />
<area shape="circle" alt="" title="chanup" coords="190,360,19" href="#" target="" id="chanup" onClick="areaclick(id)" />
<area shape="circle" alt="" title="voldn" coords="52,402,21" href="#" target="" id="voldn" onClick="areaclick(id)" />
<area shape="circle" alt="" title="back" coords="121,408,19" href="#" target="" id="back" onClick="areaclick(id)" />
<area shape="circle" alt="" title="chandn" coords="184,404,16" href="#" target="" id="chandn" onClick="areaclick(id)" />
<area shape="circle" alt="" title="guide" coords="53,460,16" href="#" target="" id="guide" onClick="areaclick(id)" />
<area shape="circle" alt="" title="plus" coords="187,457,18" href="#" target="" id="plus" onClick="areaclick(id)" />
<area shape="circle" alt="" title="up" coords="123,478,19" href="#" target="" id="up" onClick="areaclick(id)" />
<area shape="circle" alt="" title="left" coords="73,520,19" href="#" target="" id="left" onClick="areaclick(id)" />
<area shape="circle" alt="" title="right" coords="169,523,19" href="#" target="" id="right" onClick="areaclick(id)" />
<area shape="circle" alt="" title="down" coords="122,575,18" href="#" target="" id="down" onClick="areaclick(id)" />
<area shape="circle" alt="" title="yes" coords="125,527,23" href="#" target="" id="yes" onClick="areaclick(id)" />
<area shape="circle" alt="" title="grid" coords="57,594,19" href="#" target="" id="grid" onClick="areaclick(id)" />
<area shape="circle" alt="" title="question" coords="186,594,20" href="#" target="" id="question" onClick="areaclick(id)" />
<area shape="circle" alt="" title="red" coords="55,650,16" href="#" target="" id="red" onClick="areaclick(id)" />
<area shape="circle" alt="" title="green" coords="100,642,18" href="#" target="" id="green" onClick="areaclick(id)" />
<area shape="circle" alt="" title="yellow" coords="143,641,18" href="#" target="" id="yellow" onClick="areaclick(id)" />
<area shape="circle" alt="" title="blue" coords="186,650,17" href="#" target="" id="blue" onClick="areaclick(id)" />
<area shape="circle" alt="" title="rew" coords="66,701,18" href="#" target="" id="rew" onClick="areaclick(id)" />
<area shape="circle" alt="" title="play" coords="119,697,21" href="#" target="" id="play" onClick="areaclick(id)" />
<area shape="circle" alt="" title="ff" coords="172,701,20" href="#" target="" id="ff" onClick="areaclick(id)" />
<area shape="circle" alt="" title="rec" coords="70,745,19" href="#" target="" id="rec" onClick="areaclick(id)" />
<area shape="circle" alt="" title="stop" coords="121,745,21" href="#" target="" id="stop" onClick="areaclick(id)" />
<area shape="circle" alt="" title="pause" coords="172,745,18" href="#" target="" id="pause" onClick="areaclick(id)" />

	</map>
  </li>

</ul>




</body>
</html>
